@charset "utf-8";
$baseFontSize: 75;
$typeColor : #2B89FC;
@function pxTorem($px) {
  @return $px / $baseFontSize * 1rem;
}
@mixin fontSizeSca ($font-size) {
  @for $i from 1 through 3{
    @for $j from 0 through 4{
        [data-dpr="#{$i}"][data-scale="#{$j}"] &{
            font-size: ($font-size+$j*2-2)*$i/2 !important;
        }
    }
  }
}
@mixin border-1px($color){
    position: relative;
    &:after{
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-top: 1px solid $color;
        content: '',     
    }
}

@mixin border-1pxTop($color){
    position: relative;
    &:before{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        border-top: 1px solid $color;
        content: '',     
    }
}


@mixin flex ($a,$b) {
  &{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    @if ($a != '') {
        -webkit-box-pack: $a;
        -ms-flex-pack: $a;
        -webkit-justify-content: $a;
        justify-content: $a;    
    }
    @if ($b != '') { 
        -webkit-box-align: $b;
        -ms-flex-align: $b;
        -webkit-align-items: $b;
        align-items: $b;
    }   
    
  }
}
@mixin ellipsis($a){
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    // eslint-disable-next-line
   /* autoprefixer: off*/
    -webkit-box-orient: vertical;
     /* autoprefixer: on*/
    -webkit-line-clamp:$a; 
}
